@charset "utf-8";
body,ol,ul,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;font-family: "微软雅黑";}
ol,ul,dl{list-style: none;}
img{border: none;vertical-align: top;}
a{text-decoration: none;color: inherit;}
i,em{font-style: normal;}
b{font-weight: inherit;}
input{outline:none;}

.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
head,body{font-size: 12px;}


.xuanfukuang{
	position:fixed;
	top:30%;
	right:-130px;
	z-index: 101;
}
.xuanfukuang li{
	width:170px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-right:15px;
	font-size:14px;
	transition:.3s;
	color:#fff;
	border-radius:5px 0 0 5px;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
}
.xuanfukuang li a{ color:#fff;}
.xuanfukuang li span{float:left;display:block;width:40px;height:40px;}
.xuanfukuang li img{ width:130px; height:130px; margin:10px;}
.xuanfukuang li:hover{transform:translateX(-110px);}
.xuanfukuang li:nth-child(6):hover{transform:translateX(-110px);height:170px;}
.xuanfukuang li:nth-child(6):hover span{display:none;}
.xuanfukuang li:nth-child(3):hover{transform:translateX(-110px);height:155px;}
.xuanfukuang li:nth-child(3):hover span{display:none;}

.xuanfukuang li:nth-child(1){background:#35afe2;}/*背景色*/
.xuanfukuang li:nth-child(2){background:#ea201c;}
.xuanfukuang li:nth-child(3){background:#62b900;}
.xuanfukuang li:nth-child(4){background:#333;}
.xuanfukuang li:nth-child(5){background:#333;}
.xuanfukuang li:nth-child(6){background:#333;}

.xuanfukuang li:nth-child(1) span{background:url(../images/img/QQ.png);}/*QQ图标*/
.xuanfukuang li:nth-child(2) span{background:url(../images/img/tel.png);}/*电话图标*/
.xuanfukuang li:nth-child(3) span{background:url(../images/img/weixin.png);}/*微信图标*/
.xuanfukuang li:nth-child(4) span{background:url(../images/img/fhdb.png);}/*返回顶部图标*/
.xuanfukuang li:nth-child(5) span{background:url(../images/img/fhsy.png);}/*返回首页图标*/
.xuanfukuang li:nth-child(6) span{background:url(../images/img/ewm0.png);}/*二维码图标*/

.xuanfukuang li:nth-child(1):hover span{background:url(../images/img/QQ1.jpg);}/*经过后qq图标*/
.xuanfukuang li:nth-child(2):hover span{background:url(../images/img/tel1.jpg);}/*经过后电话图标*/
.xuanfukuang li:nth-child(3):hover span{background:url(../images/img/weixin1.jpg);}/*经过后微信图标*/
.xuanfukuang li:nth-child(4):hover span{background:url(../images/img/fhdb1.jpg);}/*经过后返回顶部图标*/
.xuanfukuang li:nth-child(5):hover span{background:url(../images/img/fhsy1.jpg);}/*经过后返回首页图标*/
.xuanfukuang li:nth-child(6):hover span{background:url(../images/img/ewm1.jpg);}/*经过后二维码图标*/